  <div class="home-page">
	<div class="content">

		<div class="home-slider outer-bottom-vs">
			<!-- ========================================== SECTION â€?HERO : START ========================================= -->
<div id="hero">
    <div id="owl-main" class="owl-carousel owl-theme">
        <div class="item">
            <div class="container">
                <div class="content">
                    <div class="row">
                        <div class="col-md-7 col-sm-12 col-xs-12">
                            <div class="book-in-shelf">
                                <div class="book-shelf">
                                    <div class="book-cover slider-book-cover bk-cover m-t-20">
                                        <img class="img-responsive" alt="" src="/uploads/ad/2018/06/blank.gif" tppabs="/uploads/ad/2018/06/blank.gif" data-echo="/uploads/ad/2018/06/1U8A2165.png" >
                                        <div class="fade"></div>
                                    </div> <!-- /.book-cover -->
                                </div><!-- /.book-shelf -->
                            </div><!-- /.book-in-shelf -->
                        </div><!-- /.col -->

                        <div class="col-md-5 col-sm-12 col-xs-12">
                            <div class="clearfix caption vertical-center text-left">
                                <div class="slider-caption-heading">
                                    <h1 class="slider-title">
                                        <span class="fadeInDown-1 main">Hezy Theme:</span>
                                        <span class="fadeInDown-2 sub">What We Can All Do to Save America's Future</span>
                                    </h1>
                                </div><!-- /.slider-caption-heading -->
                                <div class="clearfix slider-button hidden-xs fadeInDown-3">
                                    <a class="btn btn-primary btn-uppercase" role="button" href="#">view more</a>
                                </div> <!-- /.slider-price -->
                            </div><!-- /.slider-caption -->
                        </div><!-- /.col -->


                    </div><!-- /.row -->

                </div><!-- /.content.caption -->
            </div><!-- /.container -->
        </div><!-- /.item -->

        <div class="item">
            <div class="container">
                <div class="content">
                    <div class="row">
                        <div class="col-md-7 col-sm-12 col-xs-12">
                            <div class="book-in-shelf">
                                <div class="book-shelf">
                                    <div class="book-cover slider-book-cover bk-cover m-t-20">
                                        <img class="img-responsive" alt="" src="/uploads/ad/2018/06/blank.gif" tppabs="/uploads/ad/2018/06/blank.gif" data-echo="/uploads/ad/2018/06/1U8A1458.png">
                                        <div class="fade"></div>
                                    </div> <!-- /.book-cover -->
                                </div><!-- /.book-shelf -->
                            </div><!-- /.book-in-shelf -->
                        </div><!-- /.col -->

                        <div class="col-md-5 col-sm-12 col-xs-12">
                            <div class="clearfix caption vertical-center text-left">
                                <div class="slider-caption-heading">
                                    <h1 class="slider-title">
                                        <span class="fadeInDown-1 main">Hezy Theme:</span>
                                        <span class="fadeInDown-2 sub">What We Can All Do to Save America's Future</span>
                                    </h1>
                                </div><!-- /.slider-caption-heading -->
                                <div class="clearfix slider-button hidden-xs fadeInDown-3">
                                    <a class="btn btn-primary btn-uppercase" role="button" href="#">view more</a>
                                </div> <!-- /.slider-price -->
                            </div><!-- /.slider-caption -->
                        </div><!-- /.col -->


                    </div><!-- /.row -->

                </div><!-- /.content.caption -->
            </div><!-- /.container -->
        </div><!-- /.item -->


        <div class="item">
            <div class="container">
                <div class="content">
                    <div class="row">
                        <div class="col-md-7 col-sm-12 col-xs-12">
                            <div class="book-in-shelf">
                                <div class="book-shelf">
                                    <div class="book-cover slider-book-cover bk-cover m-t-20">
                                        <img class="img-responsive" alt="" src="/uploads/ad/2018/06/blank.gif" tppabs="/uploads/ad/2018/06/blank.gif" data-echo="/uploads/ad/2018/06/1U8A7335.png">
                                        <div class="fade"></div>
                                    </div> <!-- /.book-cover -->
                                </div><!-- /.book-shelf -->
                            </div><!-- /.book-in-shelf -->
                        </div><!-- /.col -->

                        <div class="col-md-5 col-sm-12 col-xs-12">
                            <div class="clearfix caption vertical-center text-left">
                                <div class="slider-caption-heading">
                                    <h1 class="slider-title">
                                        <span class="fadeInDown-1 main">Hezy Theme:</span>
                                        <span class="fadeInDown-2 sub">What We Can All Do to Save America's Future</span>
                                    </h1>
                                </div><!-- /.slider-caption-heading -->
                                <div class="clearfix slider-button hidden-xs fadeInDown-3">
                                    <a class="btn btn-primary btn-uppercase" role="button" href="#">view more</a>
                                </div> <!-- /.slider-price -->
                            </div><!-- /.slider-caption -->
                        </div><!-- /.col -->


                    </div><!-- /.row -->

                </div><!-- /.content.caption -->
            </div><!-- /.container -->
        </div><!-- /.item -->

    </div><!-- /# owl-main -->
</div><!-- /#hero -->
<!-- ========================================== SECTION â€?HERO : END ========================================= -->		</div><!-- /.home-slider -->
